@import "common";

.wrap {
    main {
        // 广告文字图
        .mainImg1 {
            width: 45%;
            margin: vw(50) auto vw(20);
            .adsImg {
            }
        }
        .navBtn {
            width: 70%;
            padding: vw(20) 0;
            margin: 0 auto vw(10);
            background-color: $color;
            display: flex;
            justify-content: space-around;
            align-items: center;
            .child {
                width: 16.6%;
                text-align: center;
                .childImg {
                    img {
                        width: vw(88);
                        height: vw(70);
                        margin: 0 auto;
                    }
                }
                span {
                    font-size: vw(30);
                    color: #fff;
                    cursor: pointer;
                }
            }
        }
        .sandblasting {
            width: 70%;
            margin: 0 auto vw(20);
            @extend %titleStyle;
            .reading {
                position: relative;
                .reading-txt {
                    width: 46%;
                    bottom: 47%;
                    background: #ea5504;
                    color: white;
                    text-align: justify;
                    padding: 20px;
                    font-size: 1.2vw;
                    letter-spacing: 1px;
                    position: absolute;
                }
                .checkList {
                    width: 50%;
                    display: flex;
                    justify-content: space-around;
                    align-items: center;
                    flex-wrap: wrap;
                    position: absolute;
                    bottom: 25%;
                    .check {
                        width: 45%;
                        display: flex;
                        color: #62605e;
                        padding: vw(5) 0;
                        img {
                            width: 23px;
                        }
                        span {
                            margin-left: vw(20);
                        }
                    }
                }
            }
        }

        .problems {
            width: 70%;
            margin: 0 auto vw(30);
            @extend %titleStyle;
            .quersions {
                padding: vw(20) 0;
                border: 2px solid;
                border-color: transparent transparent $color transparent;
                span {
                    font-size: vw(18);
                    font-weight: bold;
                    color: $color;
                }
                p {
                    color: #62605e;
                    font-size: vw(13);
                    line-height: vw(30);
                    color: gray;
                }
            }
        }
    }
}
